<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width,user-scalable=no,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0">
<title>无标题文档</title>
<style type="text/css">
*{margin:0;padding:0;}
.layer1{width:100%;height:80px;}
.layer1-1{width:40%;height:80px;float:left;background:#CFF;}
.layer1-2{width:60%;height:80px;float:left;background:#06F;color:#CFF;font:100% KaiTi;line-height:80px;text-align:center;background-image:url(http://pic.58pic.com/58pic/12/94/11/53P58PICiAb.jpg);}
.layer1-3{clear:both;}

.layer2{width:100%;height:400px;}
.layer2-1{width:100%;height:200px;}
.layer2-2{width:100%;height:200px;background:#0CC;}
#layer2-2-1{width:31%;height:180px;background:#9CF;float:left;border:double #000099;margin:10px 3px;}
.layer2-2-4{clear:both;}

.layer3{height:80px;background:#00C;text-align:center;padding:10px;}

h3{color:#CFF;background:#00C;}
p{text-align:center;line-height:35px;}
 
</style>
</head>

<body>
<div class="layer1">
    <div class="layer1-1"><img src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1510420759323&di=f5ca94aa7ece3fd490c0b232eed96398&imgtype=0&src=http%3A%2F%2Fy1.ifengimg.com%2F80bb61d2cf264b6f%2F2014%2F0513%2Frdn_53717ce0560ac.jpg"width=100% height=80/></div>
    <div class="layer1-2">学校概况  机构设置  教育教学  就业创业  科技服务</div>
    <div class="layer1-3"></div>
</div>

<div class="layer2">
    <div class="layer2-1"><img src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1510421058590&di=1139722fa5a7ccf3e5d8f94dab10c25a&imgtype=0&src=http%3A%2F%2Fxzjgsict.cuepa.cn%2Fnewspic%2F869614%2Fs_3757593c3d864f59c38e037be57ce5c642862.jpg"width=100% height=200/></div>
    <div class="layer2-2">
        <div id="layer2-2-1"><h3>学校要闻</h3>
                               <p>新闻</p>
                               <p>新闻</p>
                               <p>新闻</p>
        </div> 
        <div id="layer2-2-1"><h3>通知公告</h3>
                               <p>新闻</p>
                               <p>新闻</p>
                               <p>新闻</p>
        </div>
        <div id="layer2-2-1"><h3>媒体报道</h3>
                               <p>新闻</p>
                               <p>新闻</p>
                               <p>新闻</p>
        </div>
        <div class="layer2-2-1"></div>
    </div>
</div>

<div class="layer3">
         <p>学校地址：济南市旅游路4516号  邮编：250103</p>
		 <p>电话：0531-86335888   鲁ICP备05002370</p>
</div>
</body>
</html>
